<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>mbient Light Effect</title>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
		<link rel="stylesheet" href="./ambientLight.css" />
	</head>
	<body>
		<div class="cube">
			<div class="top">
				<i class="fa-brands fa-x-twitter"></i>
			</div>
			<div class="box">
				<span style="--i:0"></span>
				<span style="--i:1"></span>
				<span style="--i:2"></span>
				<span style="--i:3"></span>
			</div>
		</div>
	</body>
</html>